<template>
    <div>
        <el-table :data="tablList"  border>
            <el-table-column type="index" width="40" align="center"></el-table-column>
            <el-table-column prop="kbtime" label="开标时间" min-width="125" align="center"></el-table-column>
            <el-table-column prop="kbarea" label="开标地点" min-width="160" align="center"></el-table-column>
            <el-table-column prop="bidsection" label="项目/标段名称" min-width="140" align="center"></el-table-column>
            <el-table-column prop="zbdlname" label="招标代理" min-width="160" align="center"></el-table-column>
            <el-table-column prop="tenderee" label="投标单位名称" min-width="110" align="center"></el-table-column>
            <el-table-column prop="guaranteetype" label="保函类型" align="center">
                <template slot-scope="scope">
                    {{filterStatus(bhlx,scope.row.guaranteetype).value}}
                </template>
            </el-table-column>
            <el-table-column prop="guaranteemedia" label="保函介质" align="center">
                <template slot-scope="scope">
                    {{filterStatus(bhjz,scope.row.guaranteemedia).value}}
                </template>
            </el-table-column>
            <el-table-column prop="isChangnei" label="是否进场" align="center">
                <template slot-scope="scope">
                    <el-tag size="small" :type="filterStatus(isChangneiList,scope.row.isChangnei).type">  
                        {{filterStatus(isChangneiList,scope.row.isChangnei).value}}
                    </el-tag>
                </template>
            </el-table-column>
            <el-table-column prop="isEncrypt" label="是否密文" align="center">
            <template slot-scope="scope">
                <el-tag size="small" :type="filterStatus(isChangneiList,scope.row.isEncrypt).type">  
                    {{filterStatus(isChangneiList,scope.row.isEncrypt).value}}
                </el-tag>
            </template>
            </el-table-column>
            <el-table-column prop="orderAmount" label="保函费用" min-width="90" align="center"></el-table-column>

            <el-table-column prop="settStatusYw" label="结算状态" width="100" align="center">
                <template slot-scope="scope">
                    <template v-if = "settItem.appType==1">
                        <!-- <span>平台：</span> -->
                            <el-tag size="small" :type="filterStatus(statusList,scope.row.settStatusYw).type">  
                                {{filterStatus(statusList,scope.row.settStatusYw).value}}
                            </el-tag> 
                    </template>

                    <template v-if = "settItem.appType==2">
                        <template v-if = "settItem.receType==2">
                            <!-- <span>分销商：</span> -->
                            <el-tag size="small" :type="filterStatus(statusList,scope.row.settStatusFxs).type">  
                                {{filterStatus(statusList,scope.row.settStatusFxs).value}}
                            </el-tag>
                        </template>
                        <template v-else>
                            <!-- <span>合作商：</span> -->
                            <el-tag size="small" :type="filterStatus(statusList,scope.row.settStatusHzs).type">  
                                {{filterStatus(statusList,scope.row.settStatusHzs).value}}
                            </el-tag>
                        </template>
                    </template>
                    <template v-if = "settItem.appType==3">
                        <!-- <span>出函机构：</span> -->
                        <el-tag size="small" :type="filterStatus(statusList,scope.row.settStatusDbgs ).type">  
                            {{filterStatus(statusList,scope.row.settStatusDbgs).value}}
                        </el-tag>
                    </template>
                </template>
            </el-table-column>

            <el-table-column prop="" label="本次结算金额" width="150" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.settAmount}}</span>
                    <span>&nbsp;</span>
                    <span>({{scope.row.settRate}})</span>
                </template>
            </el-table-column>

            <el-table-column prop="" label="分成金额(比例)" width="170">
                <template slot-scope="scope">
                    <template v-if="getGetters('user').registertype ==1 || getQuery('registertype')== 1">
                        <span>平台：{{scope.row.fcAmountYw}}</span>
                        <span>&nbsp;</span>
                        <span>({{scope.row.fcRateYw}})</span>
                        <br>
                        <span>担保公司：{{scope.row.fcAmountDbgs}}</span>
                        <span>&nbsp;</span>
                        <span>({{scope.row.fcRateDbgs}})</span>
                        <br>
                        <span>合作商：{{scope.row.fcAmountHzs}}</span>
                        <span>&nbsp;</span>
                        <span>({{scope.row.fcRateHzs}})</span>
                    </template>
                    <template v-if="getGetters('user').registertype ==2 || getQuery('registertype')== 2">
                        <span>合作商：{{scope.row.fcAmountHzs}}</span>
                        <span>&nbsp;</span>
                        <span>({{scope.row.fcRateHzs}})</span>
                        <br>
                        <template v-if="scope.row.settStatusHzs == 1">
                            <span>支出金额：{{scope.row.settAmountFxs}}</span>
                        </template>
                    </template>
                    <template v-if="getGetters('user').registertype ==3 || getQuery('registertype')== 3">
                        <span>担保公司：{{scope.row.fcAmountDbgs}}</span>
                        <span>&nbsp;</span>
                        <span>({{scope.row.fcRateDbgs}})</span>
                    </template>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
import DICTIONARY from '@mixins/dictionary.js'

export default {
    mixins: [ DICTIONARY ],
    props:{
        tablList:{
            type:Array,
            default:() =>[]
        },
        settItem:{
            type:Object,
            default:() =>{}
        },
    },

    components:{},
    data: function(){
        return{
            statusList:[
                {value:'未结算', key:'0',type:'info'},
                {value:'已结算', key:'1',type:'success'},
                {value:'确认中', key:'2',type:'warning'},
                {value:'已确认', key:'3',type:'success'}
            ],
            isChangneiList:[
                {value:'否', key:'0',type:'primary'},
                {value:'是', key:'1',type:'success'},
            ]
        }
    }, 
    computed:{
       
    },
    watch:{

    },

    methods: {


    },
    mounted() {

    }
}
</script>

<style scoped lang="scss">

</style>
